<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/index2.css">
</head>
<body>
    <div class="header">
    	 <div class="container">
    	 	<div class="header_box">
    	 		 <div class="header_bg"></div>
    	 		 <div class="nav">
    	 		 	   <div class="logo">
    	 		 	   	   <img src="images/logo_img.png">
    	 		 	   </div>

    	 		 	    
    	 		 	    <input type="checkbox" id="check" />
    	 		 	    <label for="check" class="checklink">
    	 		 	    	 <span></span>
    	 		 	    	 <span></span>
    	 		 	    	 <span></span>
    	 		 	    </label>

    	 		 	   <div class="nav_right">
    	 		 	   	     
    	 		 	   	  <div class="nav_lis">
    	 		 	   	  	<a href="#">首页</a>
	    	 		 	   	  <a href="#">关于鼎搜</a>
	    	 		 	   	  <a href="#">鼎搜服务</a>
	    	 		 	   	  <a href="#">鼎搜动态</a>
	    	 		 	   	  <a href="#">鼎搜诚聘</a>
	    	 		 	   	  <a href="#">鼎搜公益</a>
	    	 		 	   	  
    	 		 	   	  </div>
    	 		 	   	   <div class="nav_search">
    	 		 	   	   	  <form>
						        
						          <input type="text" class="form-control" placeholder="Search">
						        
						        
						    </form>
    	 		 	   	   </div>

    	 		 	   </div>
    	 		 </div>
    	 	</div>

    	 </div>
    </div>
    <div class="banner">
    	<div class="container">
    		<div class="banner_box">
    		     <input type="radio" name="sex" id="btn_1" />
    		     <label for="btn_1" id="one"></label>
    		      <input type="radio" name="sex" id="btn_2" />
    		     <label for="btn_2" id="two"></label>
    		      <input type="radio" name="sex" id="btn_3" />
    		     <label for="btn_3" id="three"></label>

    		     <!-- 大盒子 包含三个小盒子  -->
    			 <div class="banner_flex">
    			 	   <div><img src="images/banner_bg.png"></div>
    			 	   <div><img src="images/banner_bg.png"></div>
    			 	   <div><img src="images/banner_bg.png"></div>
    			 </div>
    		</div>
    	</div>
    </div>
    <!-- banner end -->
    <div class="login">
    	<div class="container">
    		<div class="login_box">
    			<div class="login_title">
    				<h2>我要转让</h2>
    				<p>WO YAO ZHUAN RANG</p>
    			</div> 
    			<div class="login_desc">
    				  
    				  <div>
    				  	 <form action="">
    				  	 	  <table>
    				  	 	  	  <tr>
    				  	 	  	     <td>
    				  	 	  	     	<input type="submit" value="点击登入" class="login_bg " />
    				  	 	  	     </td>
    				  	 	  	     <td><input type="submit" value="点击注册" class="login_bg"/></td>
    				  	 	  	  </tr>
    				  	 	  	  <tr>
    				  	 	  	     <td colspan="2">
    				  	 	  	     	  用户名:<input type="text" name="userName" class="logi" />
    				  	 	  	     </td>
    				  	 	  	     
    				  	 	  	  </tr>
    				  	 	  	  <tr>
    				  	 	  	    <td colspan="2">
    				  	 	  	     	  密&nbsp;&nbsp;&nbsp;码:<input type="text" name="userName" class="logi" />
    				  	 	  	     </td>
    				  	 	  	  </tr>
    				  	 	  	  <tr>
    				  	 	  	     <td colspan="2">验证码:<input type="text" name="yanz" class="yanz" />
    				  	 	  	    <span>验证码</span><span>看不清？ <a href="">点击更换</a></span></td>
    				  	 	  	  </tr>
    				  	 	  	  <tr>
    				  	 	  	     <td colspan="2">
    				  	 	  	     	  有效期:<input type="radio" name="login" id="login_1" />
    				  	 	  	     	  <label for="login_1">一个月</label>
    				  	 	  	     	  <input type="radio" name="login" id="login_2" />
    				  	 	  	     	  <label for="login_2">一周</label>
    				  	 	  	     	  <input type="radio" name="login" id="login_3" />
    				  	 	  	     	  <label for="login_3">一天</label>
    				  	 	  	     	<input type="radio" name="login" id="login_4" />
    				  	 	  	     	  <label for="login_4">即时</label>

    				  	 	  	     </td>
    				  	 	  	  </tr>
    				  	 	  	  <tr>
    				  	 	  	     <td>
    				  	 	  	     	 <input type="submit" value="登入" class="login_bg  " />
    				  	 	  	     </td>
    				  	 	  	     <td><a href="#">忘记密码?</a></td>
    				  	 	  	  </tr>
    				  	 	  </table>
    				  	 </form>
    				  </div>
    				  <div>
    				  	 <div class="login_img">
    				  	 	 <img src="images/login_img.png">
    				  	 </div>
    				  </div>

    			</div>

    		</div>
    	</div>
    </div>
    <!-- login end -->

     <div class="foot">
    	<div class="container">
    		<div class="foot_box">
    			<div>
    				<h2>简介</h2>
    				<ul class="foot_list">
    					<li><a href="#">鼎搜网简介</a></li>
    					<li><a href="#">鼎搜服务</a></li>
    					<li><a href="#">会员身份实名认证</a></li>
    				</ul>
    			</div>
    			<div>
    				<h2>帮助</h2>
    				<ul class="foot_list">
    					<li><a href="#">鼎搜网简介</a></li>
    					<li><a href="#">鼎搜服务</a></li>
    					<li><a href="#">会员身份实名认证</a></li>
    				</ul>
    			</div>
    			<div>
    				<h2>共赢</h2>
    				<ul class="foot_list">
    					<li><a href="#">鼎搜网简介</a></li>
    					<li><a href="#">鼎搜服务</a></li>
    					<li><a href="#">会员身份实名认证</a></li>
    				</ul>
    			</div>
    			<div>
    				<h2>导航</h2>
    				<ul class="foot_list">
    					<li><a href="#">鼎搜网简介</a></li>
    					<li><a href="#">鼎搜服务</a></li>
    					<li><a href="#">会员身份实名认证</a></li>
    				</ul>
    			</div>
    			<div class="last_flex">
    				<div>
    					<ul>
    						<li class="rexian">
    							<h1>全国服务热线</h1>
    							<h1>440-880-1779</h1>
    							<p>邮箱:dinsoo@163.com</p>
    						</li>
    						<li class="dingyue"><p>订阅信息</p></li>
    					</ul>
    				</div>
    				<div>
    					<ul class="toushu">
    						<li>投诉电话：4408801779</li>
    						<li>周一至周六：9:20-20:00</li>
    						<li>
    							<img src="images/sina_bg.png" height="12" width="72">
    						</li>
    					</ul>
    				</div>
    			</div>
    		</div>
    	</div>
    </div>
    <!-- foot end -->
    <div class="footer">
    	<div class="container">
    		<div class="footer_box">
    			<p>Copyright &copy;2015 鼎搜网(www.dinsoo.com) 版权所有</p>
    		</div>
    	</div>
    </div>
</body>
</html>